<template>
	<view style="width: 90%;;margin: 0 auto;">
		<u-popup :show="showPop" mode="center" @close="close" @open="open" :closeable="true" :safeAreaInsetBottom="false">
				<slot></slot>
		</u-popup>
	</view>
</template>

<script>
	export default {
		name: "centerPop",
		props: {
			showPop: {
				type: Boolean,
				default: false,
				required: true,
			},
		},
		data() {
			return {};
		},
		methods: {
			close() {
				this.$emit("popStatus", false)
			},
			open() {}
		}
	}
</script>

<style lang="less" scoped>
/deep/ .u-popup__content{
	width: 90%;
}
</style>